<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS常见表格边框相关属性</title>
    <style>
        /*通过css属性调整表格边框*/
        table {
            /*指定边框颜色*/
            border-color: red;
            /*指定边框宽度*/
            border-width: 2px;
            /*指定边框的状态：实线solid，双实线double,虚线dashed,点线dotted*/
            border-style: solid;
        }

        /*通过css属性简便调整表格边框*/
        table {
            border: 2px green solid;
        }

        /*调整单元格边框*/
        td, th {
            border: 1px red solid;
        }

        /*边框相关的属性，不仅仅表格能用，其他的元素也能用*/
        h2 {
            border: 3px red double;
        }

        span {
            border: 4px green dotted;
        }
    </style>
</head>
<body>
<table>
    <caption>人员信息</caption>
    <thead>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
        <th>性别</th>
        <th>政治面貌</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>1</td>
        <td>张三</td>
        <td>18</td>
        <td>男</td>
        <td>党员</td>
    </tr>
    <tr>
        <td>2</td>
        <td>李四</td>
        <td>18</td>
        <td>女</td>
        <td>团员</td>
    </tr>
    <tr>
        <td>3</td>
        <td>王五</td>
        <td>18</td>
        <td>男</td>
        <td>群众</td>
    </tr>
    <tr>
        <td>4</td>
        <td>赵六</td>
        <td>21</td>
        <td>男</td>
        <td>党员</td>
    </tr>
    </tbody>
</table>

<h2>边框属性使用到h2标签中</h2>
<span>边框属性使用到span标签中</span>
</body>
</html>